<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/vue.js"></script>
		<link rel="stylesheet" href="css/modal.css" />
	</head>
	<body>
		<div id='app'>
			<button @click="visiable=true">打开弹窗</button>
			{{ visiable }}
			<my-modal @update="val => visiable = val" :value="visiable"></my-modal>
		</div>
		<script src="js/modal.js"></script>
		<script>
			Vue.createApp({
				components: {
					'my-modal': Modal
				},
				data() {
					return {
						visiable: false
					};
				}
			}).mount('#app');
		</script>
	</body>
</html>
